<!DOCTYPE html>
<html>
  <head>
    <title>美丽课堂</title>
    <meta charset='UTF-8'/>
    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
    <meta name='format-detection' content='telephone=no'>
    <link rel='stylesheet' href='css/font-awesome-4.0.1/css/font-awesome.min.css'>
    <link rel='stylesheet' href='css/course.css'>
  </head>
  <body>
    <div id='pie'>
      <div id="pieRemind">
        <table>
          <tbody>
            <tr>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div id="pieConfirm">
        <div id="confirmContent"></div>
        <div id="confirmCommandBox">
          <div id="confirmYes">确认</div>
          <div id="confirmNo">取消</div>
        </div>
      </div>
      <div id="pieShadow"></div>
      <div id="pieLoading" style="top: 282px; left: 149px;">
        <ul class="bokeh"><li></li><li></li><li></li><li></li></ul>
        <div id="loadingInfo"></div>
      </div>
      <div id='pieHeader'>
        <div id='pageLeftMenu'></div>
        <div id='pageTitle'></div>
        <div id='pageRightMenu'>
          <div id='loginPageRightMenu'></div>
          <div id='coursePageRightMenu'>设置</div>
          <div id='inputPageRightMenu'>确认</div>
        </div>
      </div>
      <div id='pieBody'>
        <div id='guidePage' class='piePage'>
          <div id='guideBox'>
            <div id='loginNav'>登录</div>
            <div id='regNav'>注册</div>
          </div>
        </div>
        <div id="loginPage" class='piePage'>
          <div class='scrollArea paddingArea'>
            <div class="formItem">
              <input type="text" placeholder="账号" id="loginAccountInput"/>
            </div>
            <div class="formItem">
              <input type="password" placeholder='密码' id="loginPasswordInput"/>
            </div>
            <div class="formItem">
              <div class='button' id='loginSubmit'>登录</div>
            </div>
          </div>
        </div>
        <div id='regPage' class='piePage'>
          <div class='scrollArea paddingArea'>
            <div class='formItem'>
              <table id='regChooseSex'>
                <tbody>
                  <tr>
                    <td width='50%' id='chooseMale'>
                      <i class='fa fa-male'></i>
                      <span>男生</span>
                    </td>
                    <td width='50%' id='chooseFemale'>
                      <i class='fa fa-female'></i>
                      <span>女生</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class='formItem'>
              <input type='text' placeholder='账号' id='regAccountInput'/>
            </div>
            <div class='formItem'>
              <input type='password' placeholder='密码' id='regPasswordInput'/>
            </div>
            <div class='formItem'>
              <input type='text' placeholder='姓名' id='regNameInput'/>
            </div>
            <div class='formItem'>
              <div class='button' id='regSubmit'>注册</div>
            </div>            
          </div>
        </div>
        <div id='findBackPasswordPage' class='piePage'>
          <div class='scrollArea paddingArea'>
          </div>
        </div>
        <div id='coursePage' class='piePage'>
          <div class='scrollArea'>
            <div class='refreshArea'>
              <table>
                <tbody>
                  <tr>
                    <td width='30%'>
                      <div class='refreshIcon'>
                        <i class='fa fa-arrow-down'></i>
                      </div>
                    </td>
                    <td>
                      <div class='refreshText'>松开即可刷新</div>
                      <div class='refreshTime'></div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id='teacherArea'>
              <div class='button' id='putQuestionButton'>提问题</div>
              <div class='button' id='makeTeamButton'>发起组队</div>
            </div>
            <div id='existMakeTeamArea'></div>
            <div id='existQuestionArea'></div>
          </div>
        </div>
        <div id='putQuestionPage' class='piePage'>
          <div class='scrollArea paddingArea'>
            <div id='putQuestionTitleArea'>
              <div class='questionLabel'>请输入问题的题目</div>
              <textarea></textarea>
            </div>
            <div id='putQuestionChoiceArea'>
              <div id='putQuestionChoice0'>
                <div class='questionLabel'>请输入选项A</div>
                <textarea></textarea>
                <input type='checkBox'>
              </div>
            </div>
            <div id='putQuestionEditChoiceArea'>
              <div id='putQuestionAddChoiceButton'>
                <i class='fa fa-plus'></i>
                <span>添加选项</span>
              </div>
              <div id='putQuestionDeleteChoiceButton'>
                <i class='fa fa-times'></i>
                <span>删除选项</span>
              </div>
            </div>
            <div class='button' id='submitPutQuestionButton'>发布</div>
          </div>
        </div>
        <div id='lookQuestionPage' class='piePage'>
          <div class='scrollArea paddingArea'>
            <div id='curQuestionArea'>
              <div id='curQuestionTitle'></div>
              <div id='curQuestionChoiceArea'></div>
              <div class='button' id='doQuestionButton'>提交</div>
              <div id='studentChoiceArea'></div>
            </div>
            <div id='lookResultArea'>
              <div id='barResultArea'>加载柱状图中..</div>
              <div class='resultType'>柱状图</div>
              <div id='pieResultArea'>加载饼图中..</div>
              <div class='resultType'>饼图</div>
              <div class='button' id='refreshResultButton'>刷新</div>
              <div id='resultText'></div>
              <div class='button' id='showResultButton'>停止作答并公布正确答案</div>
            </div>
          </div>
        </div>
        <div id='lookMakeTeamPage' class='piePage'>
          <div class='scrollArea'>
            <div class='refreshArea'>
              <table>
                <tbody>
                  <tr>
                    <td width='30%'>
                      <div class='refreshIcon'>
                        <i class='fa fa-arrow-down'></i>
                      </div>
                    </td>
                    <td>
                      <div class='refreshText'>松开即可刷新</div>
                      <div class='refreshTime'></div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id='curMakeTeamTitle'></div>
            <div id='curMakeTeamStatus'></div>
            <div id='curMakeTeamLeftStudents'></div>
            <div id='curMakeTeamChoiceArea'></div>
            <div id='stopMakeTeamArea'>
              <div class='button' id='stopMakeTeamButton'>停止组队</div>
            </div>
          </div>
        </div>
        <div id='makeTeamPage' class='piePage'>
          <div class='scrollArea paddingArea'>
            <div id='makeTeamTitleArea'>
              <div class='makeTeamLabel'>请输入组队的主题</div>
              <textarea></textarea>
            </div>
            <div id='makeTeamChoiceArea'>
              <div id='makeTeamChoice0'>
                <div class='makeTeamLabel'>请输入选项A的描述</div>
                <textarea></textarea>
                <div class='makeTeamLabel'>请输入选项A的队伍总量要求</div>
                <input type='text' class='minGroupNum'>&nbsp到&nbsp<input type='text' class='maxGroupNum'>&nbsp队
                <div class='makeTeamLabel'>请输入选项A的队伍人数要求</div>
                <input type='text' class='minStudentNum'>&nbsp到&nbsp<input type='text' class='maxStudentNum'>&nbsp人
              </div>
            </div>
            <div id='makeTeamEditChoiceArea'>
              <div id='makeTeamAddChoiceButton'>
                <i class='fa fa-plus'></i>
                <span>添加选项</span>
              </div>
              <div id='makeTeamDeleteChoiceButton'>
                <i class='fa fa-times'></i>
                <span>删除选项</span>
              </div>
            </div>
            <div class='button' id='submitMakeTeamButton'>发布</div>
          </div>
        </div>
        <div id='settingPage' class='piePage'>
          <div class='scrollArea paddingArea'>
            <div id='userInfoBox'>
              <div class='userInfoItem' id='userInfoItemAvatar'>
                <table>
                  <tbody>
                    <tr>
                      <td width='25%'>
                        <div class='userInfoItemName'>
                          <span>头像</span>
                        </div>
                      </td>
                      <td width='65%'>
                        <div class='userInfoItemValue'>
                          <div id='uploadAvatarButton'>
                            <img id='userAvatar'/>
                            <form id='uploadPhotoForm'>
                              <input type='file' id='userAvatarInput' name='file'>
                              <input type='text' id='userAvatarAccountInput' name='account'>
                            </form>
                          </div>
                        </div>
                      </td>
                      <td>
                        <div class='userInfoItemEdit'>
                          <i class='fa fa-chevron-right'></i>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class='userInfoItem' id='userInfoItemName'>
                <table>
                  <tbody>
                    <tr>
                      <td width='25%'>
                        <div class='userInfoItemName'>
                          <span>姓名</span>
                        </div>
                      </td>
                      <td width='65%'>
                        <div class='userInfoItemValue'>
                          <span></span>
                        </div>
                      </td>
                      <td>
                        <div class='userInfoItemEdit'>
                          <i class='fa fa-chevron-right'></i>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class='userInfoItem' id='userInfoItemSex'>
                <table>
                  <tbody>
                    <tr>
                      <td width='25%'>
                        <div class='userInfoItemName'>
                          <span>性别</span>
                        </div>
                      </td>
                      <td width='65%'>
                        <div class='userInfoItemValue'>
                          <span></span>
                        </div>
                      </td>
                      <td>
                        <div class='userInfoItemEdit'>
                          <i class='fa fa-star'></i>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class='userInfoItem' id='userInfoItemRole'>
                <table>
                  <tbody>
                    <tr>
                      <td width='25%'>
                        <div class='userInfoItemName'>
                          <span>身份</span>
                        </div>
                      </td>
                      <td width='65%'>
                        <div class='userInfoItemValue'>
                          <span></span>
                        </div>
                      </td>
                      <td>
                        <div class='userInfoItemEdit'>
                          <i class='fa fa-star'></i>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class='button' id='logoutButton'>退出当前账号</div>
          </div>
        </div>
        <div id='inputPage' class='piePage'>
          <div class="scrollArea paddingArea">
            <div id='userInfoNameEditArea' class='infoEditArea'>
              <input type="text" placeholder="姓名" id="userInfoNameInput"/>
            </div>
            <div id='userInfoSchoolEditArea' class='infoEditArea'>
              <select id='userInfoSchoolProvinceInput'></select>
              <select id='userInfoSchoolInput'></select>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src='js/json2.min.js'></script>
    <script src='js/jquery-2.0.3.min.js'></script>
    <script src='js/iscroll.min.js'></script>
    <script src='js/socket.io.min.js'></script>
    <script src='js/quo.min.js'></script>
    <script src='js/jscharts.js'></script>
    <script src='js/md5.js'></script>
    <script src='js/course.js'></script>
  </body>
</html>
